<template>
    <div class="mask" v-if="showMask" @touchmove.stop="changeMove"  @click.stop="closePop" >
        <slot></slot>
    </div>
</template>
<script>

export default {
  data(){
      return{
          value:"",
          checked:0,
          show:false,
          scrollTop:0,
      }
  },
  computed:{

  },
  props:{
    showMask:{
        type:Boolean,
        default:false
    },
    closeMask:{
        type:Function,

    }

  },
  watch:{

  },
  components:{

  },
  mounted:function(){

  },
  methods:{
      changeMove:function(e){
          e.stopPropagation();
          e.preventDefault();
      },
      close:function(){
          console.log('close');
          this.$emit("update:showMask",false)
      },
      closePop:function(){
          console.log('closePop');
          this.$emit("closeMask")
      }


  }
}
</script>
<style scoped>
.mask{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index:1000;
}

</style>

             
             
             
             
